.dark-theme {
	width: 100%;
	height: 100%;
	
	// 渐变背景 + 边框
	.gradient_bb {
		border: 5rpx solid transparent;
		background-clip: padding-box, border-box;
		background-origin: padding-box, border-box;
		background-image: linear-gradient(143.89deg, #2B2B2B 0%, #161616 100%), linear-gradient(143.89deg, #343434, #1A1A1A);
	}
	
	// 底部提示框
	.alert_box {
	
		.item {
			@extend .gradient_bb;
			
			.btn {
				background: #0B0A1A;
				color: #29DA5A;
			}
		}
	}
	
	// 页面背景
	.page_bg {
		background: $dark-theme;
		
		&::before {
			content: "";
			width: 814rpx;
			height: 814rpx;
			position: absolute;
			top: 154rpx;
			left: 282rpx;
			z-index: 0;
			background: $dark-theme-bg;
			pointer-events: none;
			filter: blur(160rpx);
			/* #ifndef APP-PLUS */
			backdrop-filter: blur(160rpx); // 现只适配安卓端
			/* #endif */
			border-radius: 50%;
		}
	}
	
	// 页面内容
	.home {
		.grid_box {
			.grid_item {
				.img {
					width: 128rpx;
					height: 128rpx;
					border-radius: 40rpx;
					margin: 0 auto;
					display: flex;
					align-items: center;
					justify-content: center;
					overflow: hidden;
				}
			}
		}
	}
	
	.tool,
	.role {
		.swiper_content {
			padding: 24rpx 40rpx 60rpx 40rpx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			
			.item {
				@extend .gradient_bb;
				width: calc((100% - 30rpx) / 2);
				border-radius: 20rpx;
				padding: 24rpx 30rpx;
				margin-bottom: 40rpx;
				position: relative;
				
				.img {
					margin-bottom: 20rpx;
					
					.icon {
						position: absolute;
						top: 24rpx;
						right: 30rpx;
						
						&::v-deep .u-icon__icon {
							background: $dark-gradient-bg;
							-webkit-background-clip: text;
							color: transparent;
						}
					}
					
					.image {
						width: 96rpx;
						height: 96rpx;
						border-radius: 50%;
					}
				}
				
				.info {
					font-size: 28rpx;
					color: #fff;
					line-height: 40rpx;
					
					.text1 {
						font-weight: bold;
					}
					
					.text2 {
						margin-top: 10rpx;
						
					}
				}
			}
		}
	}
	
	.helper,
	.helper-role,
	.helper-write {
		.message_box {
			.message_item {
				&.right {
					.content {
						background: $dark-gray-bg;
					}
				}
			}
		}
		
		.tools_view {
			.item {
				&.active {
					background: $dark-gray-bg;
				}
			}
		}
		
		.record_popup_mask {
			background: $dark-theme;
			
			.p_main {
				.textarea {
					color: $white;
				}
			}
			
			.p_footer {
				.touchs {
					.action {
						.left {
							color: $white;
						}
						
						.center {
							.icon {
								background: $dark-mask;
							}
						}
						
						.right {
							color: $green;
						}
					}
					
					.mask {
						background: $dark-mask;
					}
				}
			}
		}
	}
	
	.user {
		.vip_card {
			.vip_box {
				background: $dark-vip-bg;
			}
			
			.integral_box {
				background: $dark-gray-bg;
				
				.right {
					.text {
						color: $golden;
					}
				}
			}
		}
	}
	
	.share-index {
		@extend .page_bg;
		
		.top_card {
			&.level1 {
				background-image: $dark-share-bg-1;
				
				.line1 {
					.right {
						color: #0B8A3D;
					}
				}
			}
			
			&.level2 {
				background-image: $dark-share-bg-1;
			
				.line1 {
					.right {
						color: #0B8A3D;
					}
				}
			}
			
			&.level3 {
				background-image: $dark-share-bg-1;
				
				.line1 {
					.right {
						color: #0B8A3D;
					}
				}
			}
		}
		
		.menu_card .item.active {
			background: $dark-gradient-bg !important;
		}
	}
	
	.share-team {
		@extend .page_bg;
		
		.top_card {
			background: $dark-gradient-bg;
		}
		
		.content_box {
			.title {
				color: $white;
			}
			
			.list_box .item .left .info .text1,
			.list_box .item .right {
				color: $cyan;
			}
		}
	}
	
	.share-brokerage {
		@extend .page_bg;
		
		.top_card {
			background: $dark-gradient-bg;
		}
		
		.content_box {
			.title,
			.list_box .item {
				color: $white;
			}
			
			.list_box .item .line .bold {
				color: $cyan;
			}
		}
	}
	
	.share-withdraw {
		@extend .page_bg;
		
		.page_content {
			
			&::before {
				background: $dark-gradient-bg;
			}
		}
		
		.top_card {
			.line3 {
				.right {
					color: $green;
				}
			}
		}
		
		.content_box {
			.title {
				color: $white;
			}
			
			.list_box {
				.item {
					.left .info .text1 {
						color: $cyan;
					}
					
					.right {
						&.default {
							color: $white;
						}
						
						&.error {
							color: $error;
						}
						
						&.success {
							color: $success;
						}
					}
				}
			}
		}
	}
	
	.share-payee {
		@extend .page_bg;
		
		.form_box {
			.form_input {
				.label,
				.input {
					color: $white;
				}
			}
		}
	}
	
	.dealer-index {
		@extend .page_bg;
		background: linear-gradient(143.89deg, #2b2b2b 0%, #161616 100%);
		
		.page_content {
			&::before {
				background-image: url('~@/static/images/v_bg_dark.png');
			}
		}
		
		.info_box {
			.user {
				.content {
					.p1 {
						color: $cyan;
					}
				}
			}
		}
		
		.content_box {
			background: $dark-gray-bg;
			
			.level_box {
				.title {
					color: $white;
				}
				
				.list_box {
					.item {
						border: none;
						
						&.active {
							background: $dark-gradient-bg !important;
						}
						
						.tip {
							top: 0;
							right: 0;
							background: $dark-gradient-bg;
						}
					}
				}
			}
		}
	}
	
	.drawing-task {
		.list_box {
			color: $white;
		}
	}
	
	.tool-info {
		.main_content {
			.title {
				color: $white;
			}
		}
		
		.tools_view {
			.item {
				&.active {
					background: $dark-gray-bg !important;
					color: $white;
				}
			}
		}
	}
	
	.integral-index {
		@extend .page_bg;
		
		.top_card {
			background: $dark-gradient-bg;
			
			.right {
				color: $green;
			}
		}
		
		.content_box {
			color: $white;
		}
	}
	
	.integral-recharge {
		.list_box {
			.item {
				&.active {
					background-image: linear-gradient(to right, #e2f3e9, #e2f3e9), $dark-gradient-bg;
				
					.line2 {
						color: #007A31;
						@supports (-webkit-background-clip: text) or (background-clip: text) {
							background: $dark-gradient-bg;
							-webkit-background-clip: text;
							background-clip: text;
							color: transparent;
						}
					}
					
					.line3 {
						color: #43CF7C;
					}
				}
				
				&.badge {
					&::before {
						background: $dark-gradient-bg;
					}
				}
			}
		}
	}
}